

<template>
	<view class="commission-details" >
		
    <view class="title">
      <view class="text">
        <view class="text1">今日佣金</view>
        <view class="num">￥{{ today }}</view>
      </view>
      <view class="text">
        <view class="text1">昨日佣金</view>
        <view class="num">￥{{ yesterday }}</view>
      </view>
      <view class="text">
        <view class="text1">总佣金</view>
        <view class="num">￥{{ all }}</view>
      </view>
    </view>
		<mescroll-body ref="mescrollRef" @init="mescrollInit" @up="upCallback" :up="upOption" :down="downOption" @down="downCallback">
			<view class="p-t-20" >
				<view class="bg-white" v-for="(item, index) in list" :key="index" >
					<record-cell :remark="item.source_type" :date="item.create_time" :money="item.change_amount" :type="item.change_type" />
				</view>
			</view>
		</mescroll-body>
	</view>
</template>

<script>
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	import {getCommission,getAccountLog,getDistribution} from "@/api/user"
	export default {
		mixins: [MescrollMixin], // 使用mixin
		data() {
			return {
				// Tabs 列表
				upOption: {
					empty: {
						icon: '/static/images/order_null.png',
						tip: '暂无记录', // 提示
					}
				},
				list: [], // 列表数据--全部

        //佣金明细
        all:'',
        today:'',
        yesterday:'',
			};
		},

    onLoad() {
      this.getEarningsDay()
    },


		methods: {
      getEarningsDay(){
				const obj = {
					
				}
        getDistribution().then(res =>{
					console.log(res, 'res');
          this.all = res.data.history_earnings||0
          this.today = res.data.today_earnings||0
          this.yesterday = res.data.yesterDay_earnings||0
        })
      },

			// 上拉加载 
			upCallback(page) {
				const pageNum = page.num; // 页码, 默认从1开始
				const pageSize = page.size; // 页长, 默认每页10条
				getAccountLog({
					page_size: pageSize,
					page_no: pageNum,
					type_log: '1'
				}).then(({
					data
				}) => {
					if (page.num == 1) this.list = [];
					const curPageData = data.list;
					const curPageLen = curPageData.length;
					const hasNext = !!data.more;
					this.list = this.list.concat(curPageData);
					this.mescroll.endSuccess(curPageLen, hasNext);
				}).catch(() => {
					this.mescroll.endErr()
				})

			}
		},
	}
</script>

<style scoped lang="scss">
	.title{
    width: 100%;
    height: 160rpx;
    background-color: #FBE7CC;
    display: flex;
	position: -webkit-sticky;
	position: sticky;
	top: var(--window-top);
	z-index: 99;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    border-bottom-left-radius: 20rpx;;
    border-bottom-right-radius: 20rpx;;
    .text{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .num,.text1{
        color: #F65E63;
        font-weight: bold;
      }
      .text1{
        color: #83491E;
        padding: 15rpx 0;
      }
    }
  }
</style>